<template>

	
	<view class="pd" v-if="ret.payCard">
		<view class="kxczxcstreszxr pd pt30 pm20 mt20" >
			<view class="fz32 display-flex pr">
				<view class="flex-1">
					<text class="kkxczxerwt">发薪卡</text>
				</view>
			</view>
			<view class="btm mt20 pt20">
				<view class="pt10 pm10 display-flex fz30 z6">
					<view class="xczvrytxctrtr">
						发薪卡名:
					</view>
					<view class="z3">
						{{ret.payCardName||'--'}}
					</view>
				</view>
				<view class="pt10 pm10 display-flex fz30 z6">
					<view class="xczvrytxctrtr">
						所属支行:
					</view>
					<view class="z3">
					{{ret.payCardBranch||'--'}}
					</view>
				</view>
				<view class="pt10 pm10 display-flex fz30 z6">
					<view class="xczvrytxctrtr">
						发薪卡号:
					</view>
					<view class="z3">
						{{ret.payCard||'--'}}
					</view>
				</view>
				<view class="tr btm pt20 mt10" >
					<button type="primary" size="mini" @tap="hfer('/pages/userCenter/addpayCard')">点击修改</button>
				</view>
				
			</view>
		</view>
	</view>
	<view class="vertical-center dfdsfcxvxztr" v-else>


		<view class="cen w100 pd">
			<image src="../../static/img/noData.png" class="xcvgtrtyercxv"></image>
			<view class="fz26 z9 cen">
				您还没有添加发薪卡哦~
			</view>
			<view class="mt100">
				<button type="primary" class="w100" @tap="hfer('addpayCard')">+添加发薪卡</button>
			</view>
		</view>
	</view>
</template>
<script lang="ts" setup>
	import { ref } from "vue"
	import { hf, hfer, hfsan, dxrequest, VerifyTheLogin, upImg, yzphone, zidianall } from "@/util/index.js"
	import { onLoad } from "@dcloudio/uni-app"
	const ret = ref({})
	const getuser = async () => {
		const openid = uni.getStorageSync("openid")
		const { data } = await dxrequest("/api/user/" + openid)
		ret.value = data

	}
	getuser()
</script>

<style scoped>
	.dfdsfcxvxztr {
		height: 100vh;
	}

	.xcvgtrtyercxv {
		width: 300rpx;
		height: 300rpx;
	}
</style>